import React from 'react'
import { Layout } from 'antd';
const { Header, Sider, Content } = Layout;
import { Outlet } from 'react-router-dom'
import MainLeftMenu from '@/components/MainLeftMenu';
import MainTopHeader from '@/components/MainTopHeader';


const Main: React.FC = () => {

  return (
    <Layout className='layoutStyle'>
      <Header className='headerStyle'>
        <MainTopHeader/>
      </Header>
      <Layout>
        <Sider width="11.5%" >
          <MainLeftMenu/>
        </Sider>
        <Content style={{ backgroundColor: "#FFF" ,padding:'0 55px'}}>
          <Outlet/>
        </Content>
      </Layout>
    </Layout>
  )
}

export default Main